@import "../../public/less/index.less";
body {
  background-color: #f4f4f4;
  font-family: 'PingFang SC', 'STHeitiSC-Light', 'Helvetica-Light', arial, sans-serif, 'Droid Sans Fallback';
}
.login{
  display: inline-block;
}
::-webkit-scrollbar{
  width:0;
}
.glo{
  height: 100%;
  width: 100%;
  padding: 0px;
  margin: 0px;
  top: 0px;
  .member-conter {
    .mb(102);
    .member-user {
      position: relative;
      .h(417);
      background-color: #00C4D2;
      .to-cart {
        position: absolute;
        .ml(25);
        .mt(33);
        z-index: 101;
        background-image: url("../../public/images/centertocart.png");
        background-size: cover;
        .h(50);
        .w(50);
        display: inline-block;
        text-align: center;
        div {
          position: absolute;
          background-color: #00C4D2;
          color: #fff;
          border-radius: 50%;
          .ml(16);
          .top(4);
          .w(21);
          .h(21);
          .fs(13);
          display: inline-block;
          text-align: center;
        }
      }
      .member-read {
        position: absolute;
        background-color: #FFFFFF;
        .w(209);
        .h(209);
        border-radius: 50%;
        .top(95);
        color: #FFFFFF;
        .left(260);
        z-index: 101;
        text-align: center;
        img {
          .w(185);
          .h(185);
          border-radius: 50%;
          .margin(12,12);
        }
        .username {
          width: 150%;
          margin-left: -25%;
        }
      }
      .to-msg {
        position: absolute;
        .mt(33);
        z-index: 101;
        background-image: url("../../public/images/centertomsg.png");
        background-size: cover;
        .h(50);
        .w(50);
        .right(25);
        div {
          position: absolute;
          background-color: #00C4D2;
          color: #fff;
          border-radius: 50%;
          .ml(40);
          .top(4);
          .w(21);
          .h(21);
          .fs(13);
          display: inline-block;
          text-align: center;
        }
      }
      .img-opert {
        position: absolute;
        width: 100%;
        .h(417);
        background: rgba(0,0,0,0.6);
        z-index: 100;
      }
      img {
        width: 100%;
        .h(417);
      }
    }
    .goods-order {
      position: relative;
      .mt(10);
      .fs(26);
      .padding(0, 40);
      background-color: #FFFFFF;
      .order-title {
        position: relative;
        //.border-1px(rgba(0, 0, 0, 0));
        .h(44);
        .padding(20, 0);
        .goods-order-title {
          position: absolute;
          color: rgba(0, 0, 0, 0.9);
        }
        .goods-order-type {
          position: absolute;
          .right(20);
          color: rgba(0, 0, 0, 0.6);
        }
        .goods-order-right {
          .mt(10);
          position: absolute;
          background-image: url("../../public/images/selectmore.png");
          background-size: cover;
          .h(22);
          .w(12);
          .right(0);
        }
      }
    }
    .order-state {
      display: flex;
      justify-content: space-between;
      align-content: center;
      .h(74);
      .padding(30, 0);
      background-color: #FFFFFF;
      .order-state-eve {
        flex: 1;
        text-align: center;
        color: #B6B6B6;
        .order-state-up1 {
          background-image: url("../../public/images/waitpay.png");
          background-size: cover;
          .h(54);
          .w(54);
          display: inline-block;
        }
        .order-state-up2 {
          background-image: url("../../public/images/waitdeliver.png");
          background-size: cover;
          .h(54);
          .w(54);
          display: inline-block;
        }
        .order-state-up3 {
          background-image: url("../../public/images/waitreceiving.png");
          background-size: cover;
          .h(54);
          .w(54);
          display: inline-block;
        }
        .order-state-up4 {
          background-image: url("../../public/images/waitpay.png");
          background-size: cover;
          .h(54);
          .w(54);
          display: inline-block;
        }
      }
    }
    .i-integral {
      position: relative;
      .mt(20);
      .fs(22);
      background-color: #FFFFFF;
      .order-title {
        //position: absolute;
        //.border-1px(#E8E8E8);
        position: relative;
        border-bottom: 1px solid #E8E8E8;
        .h(103);
        .padding(20, 40);
        .goods-order-title {
          position: absolute;
          color: #B6B6B6;
          .mt(35);
          display: flex;
          align-items: center;
          .title-img1 {
            display: inline-block;
            background-image: url("../../public/images/coupon.png");
            background-size: cover;
            .w(38);
            .h(38);
            .mr(10);
          }
          .title-img2 {
            display: inline-block;
            background-image: url("../../public/images/collect.png");
            background-size: cover;
            .w(35);
            .h(31);
            .mr(10);
          }
          .title-img3 {
            display: inline-block;
            background-image: url("../../public/images/address.png");
            background-size: cover;
            .w(34);
            .h(35);
            .mr(10);
          }
          .title-img4 {
            display: inline-block;
            background-image: url("../../public/images/cqmanage.png");
            background-size: cover;
            .w(38);
            .h(38);
            .mr(10);
          }
          .title-img5 {
            display: inline-block;
            background-image: url("../../public/images/icelook.png");
            background-size: cover;
            .w(23);
            .h(51);
            .mr(10);
          }
          .title-img6 {
            display: inline-block;
            background-image: url("../../public/images/linkwe.png");
            background-size: cover;
            .mr(10);
            .w(44);
            .h(42);
          }
        }
        .goods-order-right {
          .mt(45);
          position: absolute;
          background-image: url("../../public/images/selectmore.png");
          background-size: cover;
          .h(22);
          .w(12);
          .right(40);
        }
      }
    }
  }
}
* {
  margin: 0;
  padding: 0;
}